<template>
  <div class="cadre-view-coursewrae">
    <video :src="view + fileId" controls="controls" class="video" />
  </div>
</template>
<script>
export default {
  name: 'NewsPreview',
  props: {
    fileId: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      numPages: '',
      view: '/API-DOCUMENT/document/file/download?id=',
      src: ''
    }
  }
}
</script>
<style lang="scss" rel="stylesheet/scss">
$mainColor: #18a5fd;
.cadre-view-coursewrae {
  height: 400px;
  overflow-y: auto;
  .video {
    width: 100%;
    height: 400px;
    background-color: black;
  }
  .audio {
    width: 100%;
    margin-top: 100px;
    outline: none;
  }
  .pdf {
    width: 100%;
    height: 400px;
  }
}
</style>

